<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>京东(JD.COM)-正品低价</title>
    <link rel="shortcut icon" type="image/x-icon" href="./image/jingdong.ico">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/jingdong.css">
   
    <style>   
    </style>
</head>
<body>
    <div class="header">
        <div class="header-main">
            <a href=""><div class="logo left clearfix">
                <img src="./image/jingdong-logo.png" alt="">
            </a>
        </div>
            <div class="search-box">
                <input maxlength="120" type="text" placeholder="正品低价、品质保障、配送及时、轻松购物！">
                <a href="">
                    <i class="iconfont icon-zhaoxiangji"></i>
                </a>
                <button>
                    <i class="iconfont icon-sousuo"></i>
                </button>
            </div>
            <div class="settleup">
                <div class="settleup-item icon">
                    <img class="che" src="./image/购物车.png" alt="">
                    <img class="zero" src="./image/0.png" alt="">
                </div>
                <div class="settleup-item">
                    <a href="">我的购物车</a>
                </div>
            </div>
        </div>
    </div>
    <div class="nav">
        <div class="nav-container">
            <div class="local left clearfix" href="">
                <a href="">
                    <img class="local-item" src="./image/定位.png" alt="">
                    <span class="local-item" >广东</span>
                </a>
                <ul class="dropdown-layer">
                    <div class="cities">
                        <li class="city-item">
                            <a href="">北京</a>
                        </li>
                        <li class="city-item">
                            <a href="">上海</a>
                        </li>
                        <li class="city-item">
                            <a href="">天津</a>
                        </li>
                        <li class="city-item">
                            <a href="">重庆</a>
                        </li>
                        <li class="city-item">
                            <a href="">河北</a>
                        </li>
                        <li class="city-item">
                            <a href="">山西</a>
                        </li>
                        <li class="city-item">
                            <a href="">河南</a>
                        </li>
                        <li class="city-item">
                            <a href="">辽宁</a>
                        </li>
                        <li class="city-item">
                            <a href="">吉林</a>
                        </li>
                        <li class="city-item">
                            <a href="">黑龙江</a>
                        </li>
                        <li class="city-item">
                            <a href="">内蒙古</a>
                        </li>
                        <li class="city-item">
                            <a href="">江苏</a>
                        </li>
                        <li class="city-item">
                            <a href="">山东</a>
                        </li>
                        <li class="city-item">
                            <a href="">安徽</a>
                        </li>
                        <li class="city-item">
                            <a href="">浙江</a>
                        </li>
                        <li class="city-item">
                            <a href="">福建</a>
                        </li>
                        <li class="city-item">
                            <a href="">湖北</a>
                        </li>
                        <li class="city-item">
                            <a href="">湖南</a>
                        </li>
                        <li class="city-item focus">
                            <a href="">广东</a>
                        </li>
                        <li class="city-item">
                            <a href="">广西</a>
                        </li>
                        <li class="city-item">
                            <a href="">江西</a>
                        </li>
                        <li class="city-item">
                            <a href="">四川</a>
                        </li>
                        <li class="city-item">
                            <a href="">海南</a>
                        </li>
                        <li class="city-item">
                            <a href="">贵州</a>
                        </li>
                        <li class="city-item">
                            <a href="">云南</a>
                        </li>
                        <li class="city-item">
                            <a href="">西藏</a>
                        </li>
                        <li class="city-item">
                            <a href="">陕西</a>
                        </li>
                        <li class="city-item">
                            <a href="">甘肃</a>
                        </li>
                        <li class="city-item">
                            <a href="">青海</a>
                        </li>
                        <li class="city-item">
                            <a href="">宁夏</a>
                        </li>
                        <li class="city-item">
                            <a href="">新疆</a>
                        </li>
                        <li class="city-item">
                            <a href="">港澳</a>
                        </li>
                        <li class="city-item">
                            <a href="">台湾</a>
                        </li>
                        <li class="city-item">
                            <a href="">钓鱼岛</a>
                        </li>
                        <li class="city-item">
                            <a href="">海外</a>
                        </li>
                    </div>
                    <div class="areas">
                        <h1 class="areas-title left clearfix">地区专项版本</h1>
                        <div class="areas-items">
                            <li class="areas-item left clearfix">
                                <a href="">中國港澳</a>
                            </li>
                            <li class="areas-item right clearfix">
                                <a href="">中國台灣</a>
                            </li>
                        </div>
                        <div class="areas-items">
                            <li class="areas-item left clearfix">
                                <a href="">京东全球</a>
                            </li>
                        </div>
                    </div>
                    <div class="country">
                        <h1 class="country-title left clearfix">Available Sites</h1>
                        <div class="country-items">
                            <li class="country-item global left clearfix">
                                <a href="">
                                    <span class="countrylogo global"></span>
                                    Global Site
                                </a>
                            </li>
                            <li class="country-item global left clearfix">
                                <a href="">
                                    <span class="countrylogo pocc"></span>
                                    Сайт России
                                </a>
                            </li>
                            <li class="country-item global left clearfix">
                                <a href="">
                                    <span class="countrylogo situs"></span>
                                    Situs Indonesia
                                </a>
                            </li>
                            <li class="country-item global left clearfix">
                                <a href="">
                                    <span class="countrylogo sitio"></span>
                                    Sitio de España
                                </a>
                            </li>
                            <li class="country-item global left clearfix">
                                <a href="">
                                    <span class="countrylogo taiwen"></span>
                                    เว็บไซต์ประเทศไทย
                                </a>
                            </li>
                        </div>
                    </div>
                </ul>
            </div> 
            <ul class="nav-right right clearfix">
                <li class="nav-right-item">
                    <a href="">你好，请登录</a>&nbsp;&nbsp;
                    <a href="" class="register">免费注册</a>
                </li>
                <li class="spacer"></li>
                <li class="nav-right-item">
                    <a href="">我的订单</a>
                </li>
                <li class="spacer"></li>
                <li class="nav-right-item had-droplayer myjd">
                    <a href="">
                        我的京东<i class="iconfont icon-xiangxia"></i>
                    </a>
                    <ul class="myjd-dropdown dropdown">
                        <div class="myjdlist first">
                            <li class="myjdlist-item"><a href="">待处理订单</a></li>
                            <li class="myjdlist-item"><a href="">消息</a></li>
                            <li class="myjdlist-item"><a href="">返修退换货</a></li>
                            <li class="myjdlist-item"><a href="">我的问答</a></li>
                            <li class="myjdlist-item"><a href="">降价商品</a></li>
                            <li class="myjdlist-item"><a href="">我的关注</a></li>
                        </div>
                        <div class="myjdlist second">
                            <li class="myjdlist-item"><a href="">我的京豆</a></li>
                            <li class="myjdlist-item"><a href="">我的优惠券</a></li>
                            <li class="myjdlist-item"><a href="">我的白条</a></li>
                            <li class="myjdlist-item"><a href="">我的理财</a></li>
                        </div>
                    </ul>
                </li>
                <li class="spacer"></li>
                <li class="nav-right-item">
                    <a href="">京东会员</a>
                </li>
                <li class="spacer"></li>
                <li class="nav-right-item had-droplayer" style="color: #f10215;">
                    <a href="">
                        企业采购<i class="iconfont icon-xiangxia"></i>
                    </a>
                    <ul class="purchase-dropdown dropdown">
                        <div class="purchase-list">
                            <li class="purchase-item"><a href="">企业购</a></li>
                            <li class="purchase-item"><a href="">商用场景馆</a></li>
                            <li class="purchase-item"><a href="">工业品</a></li>
                            <li class="purchase-item"><a href="">礼品卡</a></li>
                            <li class="purchase-item"><a href="">丰客多商城</a></li>
                        </div>
                    </ul>
                </li>
                <li class="spacer"></li>
                <li class="nav-right-item had-droplayer">
                    客户服务<i class="iconfont icon-xiangxia"></i>
                    <ul class="cs-dropdown dropdown">
                        <div class="client">
                            <p class="cs-title">客户</p>
                            <div class="client-list">
                                <li class="cs-item"><a href="">帮助中心</a></li>
                                <li class="cs-item"><a href="">售后服务</a></li>
                                <li class="cs-item"><a href="">在线客服</a></li>
                                <li class="cs-item"><a href="">意见建议</a></li>
                                <li class="cs-item"><a href="">电话客服</a></li>
                                <li class="cs-item"><a href="">客服邮箱</a></li>
                                <li class="cs-item"><a href="">金融咨询</a></li>
                                <li class="cs-item"><a href="">全球售客服</a></li>
                                <li class="cs-item"><a href="">企业客服</a></li>
                            </div>
                        </div>
                        <div class="sell">
                            <p class="cs-title">商户</p>
                            <div class="sell-list">
                                <li class="cs-item"><a href="">合作招商</a></li>
                                <li class="cs-item"><a href="">成长中心</a></li>
                                <li class="cs-item"><a href="">商家后台</a></li>
                                <li class="cs-item"><a href="">规划平台</a></li>
                            </div>
                        </div>
                    </ul>
                </li>
                <li class="spacer"></li>
                <li class="nav-right-item had-droplayer">
                    网站导航<i class="iconfont icon-xiangxia"></i>
                    <div class="webnav-dropdown dropdown">
                        <dl class="fore first">
                            <dt class="fore-title">特色主题</dt>
                            <dd class="fore-list">
                                <div class="item"><a href="">新品首发</a></div>
                                <div class="item"><a href="">京东金融</a></div>
                                <div class="item"><a href="">全球售</a></div>
                                <div class="item"><a href="">国际站</a></div>
                                <div class="item"><a href="">京东会员</a></div>
                                <div class="item"><a href="">京东预售</a></div>
                                <div class="item"><a href="">台湾售</a></div>
                                <div class="item"><a href="">俄语站</a></div>
                                <div class="item"><a href="">装机大师</a></div>
                                <div class="item"><a href="">0元评测</a></div>
                                <div class="item"><a href="">港澳售</a></div>
                                <div class="item"><a href="">优惠券</a></div>
                                <div class="item"><a href="">秒杀</a></div>
                                <div class="item"><a href="">闪购</a></div>
                                <div class="item"><a href="">印尼站</a></div>
                                <div class="item"><a href="">京东金融科技</a></div>
                                <div class="item"><a href="">陪伴计划</a></div>
                                <div class="item"><a href="">出海招聘</a></div>
                                <div class="item"><a href="">拍拍二手</a></div>
                                <div class="item"><a href="">买什么</a></div>
                            </dd>
                        </dl>
                        <dl class="fore second">
                            <dt class="fore-title">行业频道</dt>
                            <dd class="fore-list">
                                <div class="item"><a href="">手机</a></div>
                                <div class="item"><a href="">智能数码</a></div>
                                <div class="item"><a href="">玩3C</a></div>
                                <div class="item"><a href="">电脑办公</a></div>
                                <div class="item"><a href="">家用电器</a></div>
                                <div class="item"><a href="">京鱼座智能</a></div>
                                <div class="item"><a href="">京东服饰</a></div>
                                <div class="item"><a href="">京东生鲜</a></div>
                                <div class="item"><a href="">家装城</a></div>
                                <div class="item"><a href="">母婴</a></div>
                                <div class="item"><a href="">食品</a></div>
                                <div class="item"><a href="">农资频道</a></div>
                                <div class="item"><a href="">整车</a></div>
                                <div class="item"><a href="">图书</a></div>
                                <div class="item"><a href="">劳动防护</a></div>
                            </dd>
                        </dl>
                        <dl class="fore third">
                            <dt class="fore-title">生活服务</dt>
                            <dd class="fore-list">
                                <div class="item"><a href="">京东众筹</a></div>
                                <div class="item"><a href="">白条</a></div>
                                <div class="item"><a href="">京东金融App</a></div>
                                <div class="item"><a href="">京东小金库</a></div>
                                <div class="item"><a href="">理财</a></div>
                                <div class="item"><a href="">话费</a></div>
                                <div class="item"><a href="">水电煤</a></div>
                                <div class="item"><a href="">彩票</a></div>
                                <div class="item"><a href="">旅行</a></div>
                                <div class="item"><a href="">机票酒店</a></div>
                                <div class="item"><a href="">电影票</a></div>
                                <div class="item"><a href="">京东到家</a></div>
                                <div class="item"><a href="">游戏</a></div>
                                <div class="item"><a href="">拍拍回收</a></div>
                            </dd>
                        </dl>
                        <dl class="fore forth">
                            <dt class="fore-title">更多精选</dt>
                            <dd class="fore-list">
                                <div class="item"><a href="">合作招商</a></div>
                                <div class="item"><a href="">京东通信</a></div>
                                <div class="item"><a href="">京东E卡</a></div>
                                <div class="item"><a href="">企业采购</a></div>
                                <div class="item"><a href="">服务市场</a></div>
                                <div class="item"><a href="">办公生活馆</a></div>
                                <div class="item"><a href="">校园加盟</a></div>
                                <div class="item"><a href="">京东社区</a></div>
                                <div class="item"><a href="">游戏社区</a></div>
                                <div class="item"><a href="">知识产权维权</a></div>
                            </dd>
                        </dl>
                    </div>
                </li>
                <li class="spacer"></li>
                <li class="nav-right-item">
                    <span class="mobile-jd">手机京东
                        <span class="nav-qrcode">
                            <img src="./image/jingdongnav1.png.webp" alt="">
                            <i class="iconfont icon-xiangshang"></i>
                        </span>
                        <ul class="mobilejd-dropdown dropdown">
                            <div class="mobile-list-item">
                                <div class="list-item qrcode-area">
                                    <img src="./image/jingdongnav1.png.webp" alt="">
                                </div>
                                <div class="list-item menu-area">
                                    <a href=""><h5 class="menu-title">手机京东</h5></a>
                                    <p class="menu-value">新人专享大礼包</p>
                                    <p class="menu-device">
                                        <a class="device one" href=""></a>
                                        <a class="device two" href=""></a>
                                        <a class="device three" href=""></a>
                                    </p>
                                </div>
                            </div>
                            <div class="mobile-list-item">
                                <div class="list-item qrcode-area">
                                    <img src="./image/jingdongnav2.png.webp" alt="">
                                </div>
                                <div class="list-item menu-area">
                                    <p class="menu-title">关注京东<span style="display: block; height: 15px; line-height: 15px;">JD.COM</span></p>
                                    <p class="menu-value">扫一扫关注参与宠粉大抽奖，抽小米耳机</p>
                                    <!-- <p class="menu-device">
                                        <a class="device one" href=""></a>
                                        <a class="device two" href=""></a>
                                        <a class="device three" href=""></a>
                                    </p> -->
                                </div>
                            </div>
                            <div class="mobile-list-item">
                                <div class="list-item qrcode-area">
                                    <img src="./image/jingdongnav3.jpg.webp" alt="">
                                </div>
                                <div class="list-item menu-area">
                                    <a href=""><h5 class="menu-title">京东金融客户端</h5></a>
                                    <p class="menu-value">新人专享大礼包</p>
                                    <p class="menu-device">
                                        <a class="device one" href=""></a>
                                        <a class="device two" href=""></a>
                                        <!-- <a class="device three" href=""></a> -->
                                    </p>
                                </div>
                            </div>
                            <div class="mobile-list-item">
                                <div class="list-item qrcode-area">
                                    <img src="./image/jingdongnav4.png.webp" alt="">
                                </div>
                                <div class="list-item menu-area">
                                    <a href=""><h5 class="menu-title">京东健康客户端</h5></a>
                                    <p class="menu-device">
                                        <a class="device one" href=""></a>
                                        <a class="device two" href=""></a>
                                        <!-- <a class="device three" href=""></a> -->
                                    </p>
                                </div>
                            </div>
                        </ul>
                    </span>

                </li>
                
            </ul>
        </div>
    </div>
    
    <ul class="elevator_list right clearfix">
        <li class="elevator_item">
            <a href="">
                <span class="val">京东秒杀</span>
            </a>
        </li>
        <li class="elevator_item">
            <a href="">
                <span class="val">特色优选</span>
            </a>
        </li>
        <li class="elevator_item">
            <a href="">
                <span class="val">频道广场</span>
            </a>
        </li>
        <li class="elevator_item">
            <a class="youxuan" href="">
                <span class="val">为你推荐</span>
            </a>
        </li>
        <li class="elevator_item">
            <a href="">
                <span class="val">
                   <i class="iconfont icon-kefu"></i>客服
                </span>
            </a>
        </li>
        <li class="elevator_item">
            <a href="">
                <span class="val">
                   <i class="iconfont icon-fankui"></i>反馈
                </span>
            </a>
        </li>
        <li class="elevator_item">
            <a href="">
                <span class="val">
                    <i class="iconfont icon-up"></i>顶部
                </span>
            </a>
        </li>
    </ul>
</body>
</html>